{extend name="base" /}
{block name="style"}
<style>
    .main{ padding :15px 0; }
    .main-list>.col-xs-12:last-child .project-list{ border: 0; }
    .project-list{ padding:20px 0; border-bottom: 1px dashed #BDBDBD;  }
    .project-list .reset-btn{ border-radius: 2px;height:28px;line-height: 28px;margin:14px 0; padding:0 10px; }
    .project-info img{ padding-right:5px; position: relative; top: -2px; }
    .tel{ color:#F4B022;font-size: 17px; }
    .skip-next{ border-radius: 50%; padding:10px; margin-left: 40px; float: right; cursor: pointer;}
    .skip-next:hover{ background:#FEF1DE;  }
    .img-box{ position: absolute; right:0; top:50%; margin-top: -30px; }

    @media (max-width: 768px) {
        .project-img{ padding:0 15px;}
        .project-list{ padding:10px 0; }
        .project-list h3{ margin-top: 10px; font-size: 18px;}
        .project-list p{ font-size: 14px; line-height: 20px; margin: 0; }
        .project-list .reset-btn{ margin:5px 0; }
        .project-info img{ height:15px; }
        .img-box{  position: static;margin: 0;}
        .num{ float: left;height:30px;margin-top: 10px; }
        .skip-next{ float: right ;margin:0; width:50px;}
    }
    @media (min-width: 768px) {
        .project-list h3{ margin: 0; font-weight: bold; }
        .project-list .reset-btn{ margin:5px 0; }
        .project-info img{ height:15px; }
        .project-list p{ font-size: 14px; line-height: 18px; margin: 0; }
        .skip-next{ width:50px; margin-left: 5px;}
        .num{ height:30px;margin-top: 15px; }
    }
    @media (min-width: 992px) {
        .project-list h3{ margin-top:10px;margin-bottom: 0; }
        .project-list .reset-btn{ margin:8px 0; }
        .project-list p{ line-height: 22px; }
        .skip-next{ width:60px; margin-left: 15px; }
    }
    @media (min-width: 1200px) {
        .project-list p{ line-height: 28px; }
        .num{ height:40px;margin-top: 10px; float: right; }
        .project-list .reset-btn{ margin:14px 0;}
        .project-info img{ height:20px; }
        .skip-next{ margin-left: 40px; }


    }
</style>
{/block}
{block name="content"}
<section id="banner">
    <div class="banner-box">
        <img src="/assets/img/banner.png" >
    </div>
    <div class="detail detail-path hidden-xs">
        <div class="container">
            <div class="detail-home">
                <a href="javascript:void(0)">
                    <img src="/assets/img/home.png" />
                </a>
                <a href="javascript:void(0)" id="main-title">业务布局</a>&gt;
                <a href="/project/sydc" id="sub-title">资产经营</a>
            </div>
            <ul class="list-inline detail-title" id="detail-title">
                <li>
                    <a href="/project/sydc">房地产开发</a>
                </li>
                <li >
                    <a href="/project/xmdj">项目管理（代建）</a>
                </li>
                <li class="current">
                    <a href="/project/zcjy">资产经营</a>
                </li>
                <li >
                    <a href="http://www.njxmwy.com" target="_blank">物业管理</a>
                </li>
                <li>
                    <a href="/project/hotel">酒店管理</a>
                </li>
                <span id="subline"></span>
            </ul>
        </div>
    </div>
</section>
<section class="main">
    <div class="container">
        <div class="row main-list">
            {volist name="list" id="vo"}
            <div class="col-xs-12">
                <div class="row project-list">
                    <div class="col-sm-4 project-img">
                        <img src="{$vo.poster}" class="img-responsive" alt=""/>
                    </div>
                    <div class="col-sm-4">
                        <h3>{$vo.name}</h3>
                        <!--<button type="button" class="reset-btn">{$vo.project_status}</button>-->
                        <p class="project-info">
                            <i><img src="/assets/img/icon-01.png" alt=""/></i>
                            {$vo.type}
                        </p>
                        <p class="project-info">
                            <i><img src="/assets/img/icon-02.png" alt=""/></i>
                            <b class="tel">{$vo.tel}</b>
                        </p>
                        <p class="project-info">
                            <i><img src="/assets/img/icon-03.png" alt=""/></i>
                            {$vo.address}
                        </p>
                    </div>
                    <div class="col-sm-4 img-box clearfix">
                        <a href="/project/zcjy/{$vo.id}">
                            <img class="skip-next" src="/assets/img/arrow-right.png" alt=""/>
                        </a>
                        <!--<img class="num" src="{$vo.img}" alt=""/>-->
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</section>
{/block}